<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>密码修改</title>
    <link rel="stylesheet" href="css/css/framework7.ios.min.css">
    <link rel="stylesheet" href="css/css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="assets/lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/custom/index.css">
</head>

<body>

    <!-- 顶部固定导航栏 -->
    <div class="navbar">
        <div class="navbar-inner">
            <a href="#" class="iconfont icon-fanhui back link" style="color:white;font-size:22px"></a>
            <div class="center"  style="margin:0 auto;font-weight:300">密码修改</div>
        </div>
    </div>

    <div class="view-main" >
        <div class="page no-tabbar" data-page="PasswordChange">
            <div class="page-content login-screen-content">
                
                    <form id="my-form" class="list-block store-data" style="margin-top:54px">
                        <ul>
                            <li class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">手机号码</div>
                                    <div class="item-input">
                                    <input type="text" name="username" placeholder="请输入您的手机号">
                                    </div>
                                </div>
                            </li>
                            <li class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">新密码</div>
                                    <div class="item-input">
                                    <input type="password" name="password" placeholder="请输入6-20位密码">
                                    </div>
                                </div>
                            </li>
                     
                            <li class="item-content">
                                <div class="item-inner">
                                    <div class="item-title label">验证码</div>
                                    <div class="item-input">
                                    <input type="text" name="password" placeholder="输入验证码" style="padding-left:27px">
                                    </div>
                                </div>
                                <div class="item-inner" style="width:110px;padding:0">
                                    <a href="#" id="btn">获取验证码</a>
                                </div>
                            </li>
                            
                            
                        </ul>
                    </form>   

                   

                    <div style="padding: 0 15px">
                        <div class="content-block" style="margin:15px auto">
                            <p><a href="#" class="button save-storage-data">确定修改</a></p>
                        </div>
                    </div>

                    
        
            </div>
        </div>
    </div>

    <script type="text/javascript" src="js/framework7.min.js"></script>
     <!-- 自定义的js -->
    <script type="text/javascript" src="js/my-app.js"></script>
</body>
</html>